<template>
  <s-layout class="chat-wrap" title="申请合作" backgroundColor="#212124" navbar="inner" :is_main-body="true" color="#FFEBA3" :is_back="true"
            :customBody="customBody()">
    <s-block :styles="blockStyles(70)"></s-block>

  </s-layout>
</template>

<script setup>
  import { onMounted, reactive } from 'vue';
  import sheep from '@/sheep';

  const customBody = () => {
    return {
      'display': 'flex',
      'flex-direction': 'column',
      'align-items': 'center',
    };
  };
  const blockStyles = (height = 10) => {
    return {
      height,
      type: 'color',
      background: {
        bgColor: 'transparent',
      },
    };
  };

  const state = reactive({
    goodsList:[]
  })

  onMounted(async () => {
    const {data} = await sheep.$api.goods.ids({ids: '11,12,13,14'});
    state.goodsList = data
  });


</script>


<style scoped lang="scss">

</style>
